Ext.onReady(function() {
	/*
	 * var drawContainer = Ext.create('Ext.draw.Container', { renderTo:
	 * Ext.getBody(), width:200, height:200, sprites: [{ type: 'circle',
	 * fillStyle: '#79BB3F', r: 100, x: 100, y: 100 }] });
	 */
	Ext.create('Ext.button.Segmented', {
		renderTo : Ext.getBody(),
		allowMultiple : true,
		items : [ {
			text : 'Segment Item 1',
			menu : [ {
				text : 'Menu Item 1'
			} ]
		}, {
			text : 'Segment Item 2',
			tooltip : 'My custom tooltip'
		}, {
			text : 'Segment Item 3'
		} ],
		listeners : {
			toggle : function(container, button, pressed) {
				console.log("User toggled the '" + button.text + "' button: "
						+ (pressed ? 'on' : 'off'));
			}
		}
	});
});